<div class="fx-row-vert-cent primary h-xl f-600"
     [ngClass]="!loading ? 'success-primary' : ''">
  <ng-container *ngTemplateOutlet="icon"></ng-container>
  Transition frontier
</div>
<mina-dashboard-errors></mina-dashboard-errors>
<div class="tracing-container flex-row w-100">
  <mina-dashboard-ledger></mina-dashboard-ledger>
  <mina-dashboard-blocks-sync class="flex-1 flex-column"></mina-dashboard-blocks-sync>
</div>

<ng-template #icon>
  <span *ngIf="!loading; else spinner" class="mina-icon icon-200 mr-10">margin</span>
  <ng-template #spinner>
    <mina-loading-spinner class="mr-10"></mina-loading-spinner>
  </ng-template>
</ng-template>
